<!--main content start-->
<section id="main-content">
    <section class="wrapper">
        <!--state overview end-->
        <div class="row">
            <div class="col-lg-12">

                <!-- 基本信息 -->
                <section class="panel">
                    <header class="panel-heading">
                        报销基本信息
                    </header>
                    <div class="panel-body">
                        <div class="bio-row">
                            <p>
                                <span>报销总金额</span>￥{{trEntity.totalAmount}}</p>
                        </div>
                        <div class="bio-row">
                            <p>
                                <span>申请人</span>{{trEntity.applyManName}}</p>
                        </div>
                    </div>
                </section>

                <!-- 出差信息 -->
                <section class="panel">
                    <header class="panel-heading">
                        报销费用明细
                    </header>
                    <div class="panel-body" ng-repeat="x in trEntity.items" ng-init="bb = x.projectPercent">
                        <div class="bio-row">
                            <p>
                                <span>单号</span>{{x.trCode}}
                            </p>
                        </div>
                        <div class="bio-row">
                            <p>
                                <span>费用合计</span>￥{{x.money}}元
                            </p>
                        </div>
                        <div class="bio-row">
                            <p>
                                <span>开始时间</span>{{x.startDate | date:'yyyy-MM-dd hh:mm'}}</p>
                        </div>
                        <div class="bio-row">
                            <p>
                                <span>结束时间</span>{{x.endDate | date:'yyyy-MM-dd hh:mm'}}
                            </p>
                        </div>
                        <div class="bio-row">
                            <p>
                                <span>报销类目</span>{{x.triClassName}}
                            </p>
                        </div>
                        <div class="bio-row" ng-repeat="xx in bb">
                            <p>
                                <span>项目(分摊金额)</span>{{xx.projName}}(￥{{xx.money}}元)
                            </p>
                        </div>
                    </div>
                </section>

                <!-- 费用明细 -->
                <section class="panel">
                    <header class="panel-heading add-heading">
                        报销费用明细
                    </header>
                    <div class="panel-body">
                        <div id="afrContainer" class="dlshouwen-grid-container"></div>
                        <div id="afrToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
                    </div>
                </section>

                <!-- 审批记录 -->
                <section class="panel">
                    <div class="panel-heading">
                        审批记录
                    </div>
                    <div class="panel-body">
                        <ul class="tp-ulst">
                            <li>
                                <span>人员姓名 </span><span>修改时间</span><span>处理结果</span>
                            </li>
                            <div ng-repeat="proj in projs">
                                <div ng-repeat="ss in proj.projbb">
                                    <li>
                                        <span>{{ss.USER}}</span><span>{{ss.time | date:'yyyy-MM-dd hh:mm'}}</span><span>{{getsssbbb(ss.lastStatus)}}，{{ss.msg}}</span>
                                    </li>
                                </div>
                            </div>
                        </ul>
                    </div>
                </section>

                <!-- 操作按钮 -->
                <section class="panel">
                    <div class="panel-body">
                        <p class="default-buttons">
                            <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">返回</a>
                            <a href="javascript:void(0);" class="button-next  btn btn-info" onclick="window.history.back()">确认</a>
                        </p>
                    </div>
                </section>
            </div>
        </div>

        <!-- 项目占比信息 -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <section class="panel">
                        <div class="panel-heading add-heading">
                            报销费用项目占比信息
                            <i class="add-icon icon-remove" data-dismiss="modal" aria-hidden="true"></i>
                        </div>
                        <div class="panel-body selpro-box">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr>
                                        <td>报销分公司</td>
                                        <td>
                                            <span>{{trItem.trCompanyName}}</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>报销类目</td>
                                        <td>
                                            <span>{{trItem.triClassName}}</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>发票金额</td>
                                        <td>
                                            <span>￥{{trItem.money}}元</span>
                                        </td>
                                    </tr>
                                    <tr ng-repeat="bb in nowprojectPercents">
                                        <td>{{bb.projName}}</td>
                                        <td>

                                            <div class="hd-btn" >
                                                <span>￥{{bb.money}}</span>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="panel-bg"></div>
                    </section>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>

        <div  ng-include="'templates/workflow/scheduled/processs.html'"></div>

    </section>
</section>